<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/shop/shop.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
</head>
<body>
<div id="header">
    <img class="i1" src="../jp/捕获1.PNG" alt="">
    <div id="logo">
        <h1> <a class="navbar-brand px-0 mx-0" href="index.html">A.S Hair Salon
        </a>
            <!--            <a  class="a1" href="">HOME&nbsp;&nbsp;&nbsp;</a>-->
            <a class="a1" href="">ABOUT&nbsp;&nbsp;&nbsp;</a>
            <a class="a1" href="">PROJECTS&nbsp;&nbsp;&nbsp;</a>
            <a class="a1" href="">CONTACT</a>
        </h1>
    </div>
</div>
<div id="mian">
    <div id="title"><h1>产品展示</h1></div>
    <div class="content">
        <div class="d1">
            <ul>
                <li><span class="sp1"></span></li>
                <li><span class="sp2"></span></li>
                <li><span class="sp3"></span></li>
                <li><span class="sp4"></span></li>
                <li><span class="sp5"></span></li>
            </ul>
        </div>
        <div class="d1">
            <ul>
                <li><span class="sp1"></span></li>
                <li><span class="sp2"></span></li>
                <li><span class="sp3"></span></li>
                <li><span class="sp4"></span></li>
                <li><span class="sp5"></span></li>
            </ul>
        </div>
        <div class="d1">
            <ul>
                <li><span class="sp1"></span></li>
                <li><span class="sp2"></span></li>
                <li><span class="sp3"></span></li>
                <li><span class="sp4"></span></li>
                <li><span class="sp5"></span></li>
            </ul>
        </div>
        <div class="d1">
            <ul>
                <li><span class="sp1"></span></li>
                <li><span class="sp2"></span></li>
                <li><span class="sp3"></span></li>
                <li><span class="sp4"></span></li>
                <li><span class="sp5"></span></li>
            </ul>
        </div>

        <div id="limit">
            <a href="" class="a2">首页</a>
            <a href="" class="a2">1</a>
            <a href="" class="a2">2</a>
            <a href="" class="a2">下一页</a>
        </div>
    </div>
</div>
<div id="footer">
    <div class="foot_t">
        <div id="zuo_boby">
            <h2 id="ft_title">A.S Hair Salon</h2>
            <p>Lorem Ipsum is simply text the printing and<br>typesetting standard industry.
                Onec Consequat<br> sapien ut cursus rhoncus. Nullam dui mi,<br> vulputate ac metus.
            </p>
            <h3>Trusted by<span style="color: orange">500+ People</span></h3>
            <img src="../jp/微信.webp" alt="" class="tubiao">
            <img src="../jp/qq.webp" alt="" class="tubiao">
        </div>
    </div>
    <div class="foot_t">
        <div id="mid_boby">
            <h4>Quick Links</h4>
            <ul>
                <li><a href="" class="lianjie">>>&nbspHome</a></li>
                <li><a href="" class="lianjie">>>&nbspAbout Us</a></li>
                <li><a href="" class="lianjie">>>&nbspSingle Page</a></li>
                <li><a href="" class="lianjie">>>&nbspTeam</a></li>
                <li><a href="" class="lianjie">>>&nbspContact Us</a></li>
            </ul>
        </div>
    </div>
    <div class="foot_t">
        <div id="you_boby">
            <h4>Contact Info</h4>
            <p id="id1">地址:90 nsequursu dsdesdc, xxx Honey Street 049436.Newyork, NY.</p>
            <p id="id2">电话:+1(12) 123 456 789</p>
            <p id="id3">座机:+1(12) 123 456 789</p>
            <p><a href="" class="lianjie">邮箱:123456789@qq.com</a></p>
        </div>
    </div>
</div>
</div>
</div>
</div>
</body>
</html>